<template>
  <div class="App">
    <h1 v-red class="content">我是APP</h1>
    <Count /> 
  </div>
</template>

<script>
import Count from '@/components/Count'

export default {
  name: 'App',
  components: {
    Count
  },
}
</script>

<style scoped>
/* scoped属性：一旦添加，当前style中样式只对当前组件的模块生效 */
.APP{
  border:1px solid #000;
}

.content{
  background: pink;
}

.App >>> .count {
  background: yellow
}
</style>
